<template>
  <div>
    <div class="crumbs">
      <el-breadcrumb separator="/">
        <el-breadcrumb-item> <i class="el-icon-setting"></i> 考试审核 </el-breadcrumb-item>
      </el-breadcrumb>
    </div>
    <div class="container">
      <div class="handle-box">
        <el-input v-model="query.kw" placeholder="请输入考试名称/审核人/考试人进行搜索" class="handle-input mr10"></el-input>
        <el-button type="primary" icon="el-icon-search" @click="souClick">搜索</el-button>
      </div>
      <el-table :data="tableData" border class="table" ref="multipleTable" header-cell-class-name="table-header">
        <el-table-column type="selection" width="55" align="center"></el-table-column>
        <el-table-column type="index" :index="tableIndex" label="序号" align="center" width="55"></el-table-column>
        <el-table-column prop="title" label="考试名称"></el-table-column>
        <el-table-column prop="userName" label="创建人"></el-table-column>
        <el-table-column prop="userName" label="考试人"></el-table-column>
        <el-table-column prop="userName" label="考试时间"></el-table-column>
        <el-table-column prop="userName" label="审核人"></el-table-column>
        <el-table-column fixed="right" prop="da" label="包含分类" width="100">
          <template slot-scope="scope">
            <p><el-tag size="mini">信用贷</el-tag></p>
            <p><el-tag size="mini">车贷</el-tag></p>
          </template>
        </el-table-column>
        <el-table-column fixed="right" label="操作" width="150" align="center">
          <template slot-scope="scope">
            <el-button type="text" icon="el-icon-view" @click="editClick(scope.row.id)">审核</el-button>
          </template>
        </el-table-column>
      </el-table>
      <div class="pagination">
        <el-pagination background layout="total, prev, pager, next" :current-page="query.page" :page-size="query.limit" :total="query.total"
                       :pager-count="5" @current-change="handlePageChange" @prev-click="handlePageChange" @next-click="handlePageChange">
        </el-pagination>
      </div>
    </div>
    <!-- 审核 -->
    <el-dialog title="试题审核" :visible.sync="examineFlg" width="80%" :before-close="handleClose">

      <span slot="footer" class="dialog-footer">
        <el-button @click="examineFlg = false">取 消</el-button>
        <el-button type="primary" @click="examineFlg = false">确 定</el-button>
      </span>
    </el-dialog>
  </div>
</template>

<script>

import { RolePermissionsQX } from '../../../api/index';

export default {
  data() {
    return {
      query: {
        page: 1,
        limit: 10,
        kw: '',
        total: 0,
      },
      tableData: [{}],
      examineFlg: false,
    }
  },
  created() {

  },
  methods: {

  }
}
</script>
<style scoped>
.handle-input {
    width: 300px;
    display: inline-block;
}
.red {
    color: red;
}
</style>



